import React, { Component } from 'react';

// 所谓的逐层传递参数就是一层一层的往下传递
// 如果中间有断层就会导致后代组件无法正常获取

class First extends Component {
  render(){
    return (<>
      <div>
        First： {this.props.title}
        <Section name={this.props.title} />
      </div>
    </>)
  }
}

const Section = (props)=>{
  return (<>
    <div>
      Section：{props.name}
    </div>
  </>)
}

class App extends Component {
  render() {
    return (
      <div>
        <First title='卫龙' />
      </div>
    );
  }
}

export default App;
